import React from 'react'
import { Tabs, WhiteSpace } from 'antd-mobile';
import './zhmTabs.css'


class ZhmTabs extends React.Component {
    constructor() {
        super()

    }
    componentDidMount() {
        console.log(111)
        console.log(this.props)
    }

    render() {


        return (
            <div>
                <WhiteSpace />
                <Tabs tabs={this.props.tabs1} initialPage={0} animated={false} useOnPan={false} tabBarPosition="left"
                    tabDirection="vertical">
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', height: '250px', backgroundColor: '#fff' }}>
                        Content of first tab
      </div>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', height: '250px', backgroundColor: '#fff' }}>
                        Content of second tab
      </div>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', height: '250px', backgroundColor: '#fff' }}>
                        Content of third tab
      </div>
                </Tabs>
                <WhiteSpace />
            </div>
        )
    }
}

export default ZhmTabs